/* 颜色 */
.col_E81B27 { color: #E81B27; }
.col_FF5555 { color: #FF5555; }
.col_E60012 { color: #E60012; }
.col_FE1515 { color: #FE1515; }
.col_25BFA7 { color: #25BFA7; }
.col_FF590F { color: #FF590F; }
.col_B3B3B3 { color: #B3B3B3; }
.col_2EA5E2 { color: #2EA5E2; }
.col_01B6B8 { color: #01B6B8; }
.col_FF3F45 { color: #FF3F45; }
.col_03C6BF { color: #03C6BF; }
.col_E42419 { color: #E42419; }
.col_FF0101 { color: #FF0101; }
.col_FF0000 { color: #FF0000; }
.col_FF5E00 { color: #FF5E00; }
.col_3DBF7F { color: #3DBF7F; }
.col_0ECE93 { color: #0ECE93; }
.col_EB1513 { color: #EB1513; }
.col_EA3F49 { color: #EA3F49; }
.col_108EE9 { color: #108EE9; }
.col_FE9600 { color: #FE9600; }
.col_1F74F6 { color: #1F74F6; }
.col_B7BED8 { color: #B7BED8; }
.col_EC232B { color: #EC232B; }
.col_FED130 { color: #FED130; }
.col_2BB09F { color: #2BB09F; }
.col_FFB62D { color: #FFB62D; }
.col_F23445 { color: #F23445; }
.col_EC1C24 { color: #EC1C24; }
.col_FF8601 { color: #FF8601; }
.col_3372FE { color: #3372FE; }
.bg3372FE {background-color: #3372FE;}
.bgFF8601 {background-color: #FF8601;}
.bgEC1C24 {background-color: #EC1C24;}
.bgF23445 {background-color: #F23445;}
.bgFFB62D {background-color: #FFB62D;}
.bg2BB09F {background-color: #2BB09F;}
.bgFED130 {background-color: #FED130;}
.bgEC232B {background-color: #EC232B;}
.bgEB1513 {background-color: #EB1513;}
.bgFE9600 {background-color: #FE9600;}
.bg1F74F6 {background-color: #1F74F6;}


button::after {
	border: none;
}
button {
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	line-height:inherit;
	border-radius:0;
	transition-duration: 0.3s;
}

view,
scroll-view,
swiper,
button,
input,
textarea,
label,
navigator,
image {
	box-sizing: border-box;
	z-index: 1;
}
//设置padding和border 不会改变盒子原有的大小//设置padding和border 不会改变盒子原有的大小

// // 定义flex等分
@for $i from 0 through 12 {
	.f-#{$i} {
		flex: $i;
	}
	
}
//定义zindex层级
@for $i from 0 through 10 {
	.zi-#{$i} {
		z-index: $i;
	}
}
// 定义字体(rpx)单位，10~100rpx  fs-10 ~ fs-100
@for $i from 12 through 100 {
	.fs#{$i} {
		font-size: $i + rpx;
	}
}
// 定义内外边距，历遍0-400
@for $i from 0 through 400 {
	@each $short, $long in l left, t top, r right, b bottom {
		// 缩写版，结果如： u-m-l-30
		// 定义外边距
		.m#{$short}#{$i} {
			margin-#{$long}: $i + rpx!important;
		}
		//外边框
		.b#{$short}#{$i}{
			border-#{$long}: $i + rpx #f1f1f1 solid;
		}
		// 定义内边距
		.p#{$short}#{$i} {
			padding-#{$long}: $i + rpx!important;
		}
		.p#{$i} {
			padding: $i + rpx!important;
		}
		
	}
}
// 宽高
@for $i from 0 through 750 {
	.w#{$i} {
		width: $i + rpx;
	}
	.h#{$i} {
		height: $i + rpx;
	}
}
// 百分比宽高
@for $i from 0 through 100 {
	.w-#{$i} {
		width: $i * 1%;
	}
	.h-#{$i} {
		height: $i * 1%;
	}
}

//全局圆角 行高 br-0 ~ br-1000
@for $i from 0 through 1000 {
	// w-0 ~ w-750
	.br-#{$i} {
		border-radius: $i + rpx;
	}
	//外边框
	
}
@for $i from 0 through 20 {
	//外边框
	.bor#{$i} {
		border: $i + rpx solid #c1c1c1;
	}
}

/* 对齐方式 */
.tct{text-align: center;}
.trt{text-align: right;}
.tlt{text-align: left;}

.box{box-sizing: border-box;}
.relative{position: relative;}
.absolute{position: absolute;}
.fixed{position: fixed;}
.d-none{display: none;}
.d-block{display: inline-block;}
.blb_f1{border-bottom: 3rpx solid #F1F1F1;}
.blb_ff{border-bottom: 3rpx solid #FFFFFF;}
.ov_hidden{overflow: hidden;}
/* 粗体 */
.fw-b {
	font-weight: bold;
}

.fw-l {
	font-weight: lighter;
}

.fw-n {
	font-weight: normal;
}
.fw-400 {
	font-weight: 400;
}
.fw-500 {
	font-weight: 500;
}
.fw-600 {
	font-weight: 600;
}
.fw-700 {
	font-weight: 700;
}
.fw-800 {
	font-weight: 800;
}
/* 特殊处理 */
.tline {
	text-decoration: line-through;
	/* 加删除线 */
}
/* 多少行（3~15） */
.one_overflow{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}  /* 一行隐藏 */
.two_overflow{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}  /* 二行隐藏 */
.three_overflow{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}  /* 三行隐藏 */
/*========== flex布局相关 ==========*/
.dif{display: flex;} /* 弹性盒子,左右布局 */
.difjc{display: flex; justify-content: center;} /* 弹性居中 */
.difac{display: flex; align-items: center;} /* 弹性垂直居中 */
.difcc{display: flex; justify-content: center;align-items: center;} /* 弹性水平垂直居中 */
.difsb{display: flex; justify-content: space-between;} /* 弹性两端对齐 */
.difsa{display: flex; justify-content: space-around;} /* 弹性两端带间隙对齐 */
.difjend{display: flex; justify-content: flex-end;} /* 弹性末端对齐 */
.difdc{display: flex;flex-direction: column;}/* 切换交叉轴 */
.aend{align-items: flex-end;}
.difw{flex-wrap: wrap;} /*弹性盒子换行 */
.alc{align-items: center;}
.jsb{justify-content: space-between;}
.difcb{display: flex;flex-direction: column;justify-content: space-between;} /* 弹性纵向 - 两端对齐 */
.difca{display: flex;flex-direction: column;justify-content: space-around;}  /* 弹性纵向 - 两端带间隙对齐 */
.difccc{display: flex;flex-direction: column;justify-content: center; align-items: center;} /* 弹性纵向 - 垂直居中 */
/* http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html */
.rows {display: flex;display: -webkit-flex;}  /* 盒子内容横向布局 */
.rowsa {display: flex;display: -webkit-flex;justify-content: space-around;}  /* 盒子内容居中间间隙布局 */
.rowsb {display: flex;display: -webkit-flex;justify-content: space-between;}  /* 盒子内容两端间隙布局 */
.rowsc {display: flex;display: -webkit-flex;justify-content: center;}  /* 盒子内容居中布局 */
.rowse {display: flex;display: -webkit-flex;justify-content: flex-end;}  /* 盒子内容结尾布局 */
.rowsm {align-items: center;}
.rowsw {flex-wrap: wrap;}
.rowsl {display: flex;flex-direction: column;}  /* 盒子内容竖向中间间隙布局 */
.rowsal {display: flex;justify-content: space-around;flex-direction: column;}  /* 盒子内容竖向中间间隙布局 */
.rowsbl {display: flex;justify-content: space-between;flex-direction: column;}  /* 盒子内容竖向两端间隙布局 */
.rowscl {display: flex;justify-content: center;flex-direction: column;}  /* 盒子内容竖向中间居中布局 */
.notYet {text-align: center;font-size: 30rpx;color: #999999;padding: 30rpx 0rpx;}  /* 页面无数据 */
.arrow{width: 7px;height: 7px;border-top: 1px solid #333333;border-right: 1px solid #333333;transform: rotate(45deg);}/* 右箭头 */
.shadow_total{box-shadow: 0px 0px 6rpx 2rpx rgba(136,136,136,0.24);}
.shadow_bottom{box-shadow: 2px 2px 6rpx 2rpx rgba(136,136,136,0.24);}
image{height: auto;}
/deep/::-webkit-scrollbar {		/* 隐藏滚动条，但依旧具备可以滚动的功能 */
	display: none;
	width: 0;
	height: 0;
	color: transparent;
	background: transparent;
}

/* 根据设计图的主题色自行扩展颜色包*/
.colaaa{color: #aaaaaa;}
.col000{color: #000000;}
.col111{color: #111111;}
.col222{color: #222222;}
.col333{color: #333333;}
.col444{color: #444444;}
.col555{color: #555555;}
.col666{color: #666666;}
.col777{color: #777777;}
.col888{color: #888888;}
.col999{color: #999999;}
.colfff{color: #FFFFFF;}
.bgf1{background-color: #F1F1F1;}
.bgf5{background-color: #F5F5F5;}
.bgf9{background-color: #F9F9F9;}
.bg99{background-color: #999999;}
.bgff{background-color: #FFFFFF;}
.bgzi{background-color: #BEC3FC;}
.bg_l {background-image: linear-gradient(to bottom, #cae2fe 50%, #ddeefe);}
.bg_lb {background-image: linear-gradient(to right, #387cf8 50%, #71b3ff);}


//吸顶
.navbar {
		position: sticky;
		top: 0;
		z-index: 1000
}
$IMG_URL: 'https://shopro.7wpp.com/groupon_imgs'; //css中背景图片变量。js图片变量在env.js
// @font-face {
// 	font-family: 'PingFang';
// 	src: url('static/PingFang.ttc');
// }


